Compression of cascading style sheet files

ABSTRACT

One embodiment of the present invention provides a system for facilitating compression of a Cascading Style Sheet (CSS) file. During operation, the system stores the CSS file in a local storage device and identifies a merge parameter in the CSS file. The merge parameter can be one of: a repeated selector, a repeated property in a selector, and a same value of a property in different selectors. The system then determines whether a merge condition is satisfied for the merge parameter and merges the merge parameter in the CSS file to obtain a compressed merge parameter. The merge condition indicates whether merging of the merge parameter is consistent with original style in the CSS file.

RELATED APPLICATION

Under 35 U.S.C. 119, this application claims the benefit and right ofpriority of Chinese Patent Application No. 201410545554.X, filed 15 Oct.2014.

BACKGROUND

1. Field

The present application relates to the field of computer technologies,and in particular, to a method and system for data compression fornetwork communication.

2. Related Art

With the advancement of the computer and network technologies, variousoperations performed by users from different applications lead toextensive access to web services. For example, multiple users mayconcurrently shop on an e-commerce website via different applications,such as mobile applications running on different platforms as well asweb-interfaces running on different browsers in different operatingsystems. A server hosting the web services presents the correspondingshopping web page to different users, thereby facilitating thee-commerce service.

However, different applications concurrently accessing the system cancause an increasing number of user activities, consequently, anincreasing amount of web pages are accessed from the server. A largenumber OF these web pages can be represented using a Cascading StyleSheet (CSS). A CSS file is typically sent over a network along with aweb page to provide the presentation style for the web page for abrowser in a client device. The CSS file is typically in a text format.If a CSS file is compressed, the size of the CSS file becomes smaller.As a result, the compressed CSS file can be transmitted over the networkmore efficiently.

Although a number of methods are available for CSS file compression,some problems still remain in extensive compression of CSS files.

SUMMARY

One embodiment of the present invention provides a system forfacilitating compression of a Cascading Style Sheet (CSS) file. Duringoperation, the system stores the CSS file in a local storage device andidentifies a merge parameter in the CSS file. The merge parameter can beone of: a repeated selector, a repeated property in a selector, and asame value of a property in different selectors. The system thendetermines whether a merge condition is satisfied for the mergeparameter and merges the merge parameter in the CSS file to obtain acompressed merge parameter. The merge condition indicates whethermerging of the merge parameter is consistent with original style in theCSS file.

In a variation of this embodiment, the system determines whether thecompressed merge parameter is valid based on a length of the compressedmerge parameter.

In a variation of this embodiment, the system determines whether a mergecondition is satisfied by determining whether a first selector and asecond selector are adjacent. If the first and second selectors are notadjacent, the system determines whether a third selector between thefirst and second selectors includes a property included in the first andsecond selectors.

In a further variation, the system further determines whether a mergecondition is satisfied by determining whether the property has one ormore of: (i) a same value in the first, second, and third selectors, and(ii) different priorities in the first, second, and third selectors

In a variation of this embodiment, the system determines whether a mergecondition is satisfied by determining that (i) a latter value of aproperty of the merge parameter overwrites a former value of theproperty, and the latter value has a equal or higher priority, or (ii) aformer value of the property overwrites a latter value of the propertyand the former value has a higher priority.

In a variation of this embodiment, the system merges the merge parameterby removing a second value of a property for a selector. The secondvalue can (i) appear before a first value, (ii) have a lower prioritythan the first value, or (iii) have a overwriting relationship with thefirst value.

In a variation of this embodiment, the system represents selectors ofthe CSS file and corresponding properties in a table, and determines acommon area in the table for a respective property.

In a further variation, the system identifies a current maximum commonarea in the table for a property, extracts the property as a commonfactor, and merges the common factor across a respective selectorcomprising the property.

In a variation of this embodiment, the system generates a compressed CSSfile based on a plurality of compressed merge parameters.

In a variation of this embodiment, the system prepares the CSS file forcompression by organizing properties of all selectors in the CSS file inan alphabetic order.

BRIEF DESCRIPTION OF THE FIGURES

The accompanying drawings herein, which are incorporated herein andconstitute a part of the specification, illustrate several exemplaryembodiments of the present application and together with thedescription, serve to illustrate the present application, construing nolimitation to the present application. In the drawings:

FIG. 1A illustrates an exemplary compressed CSS file transmission acrossa network, in accordance with an embodiment of the present application.

FIG. 1B illustrates an exemplary enhanced CSS file compression process,in accordance with an embodiment of the present application.

FIG. 2A presents a flowchart illustrating an enhanced CSS filecompression process of a data compression system, in accordance with anembodiment of the present application.

FIG. 2B presents a flowchart illustrating a validation process of a datacompression system for the enhanced CSS file compression, in accordancewith an embodiment of the present application.

FIG. 2C presents a flowchart illustrating an overwrite validationprocess of a data compression system for the enhanced CSS filecompression, in accordance with an embodiment of the presentapplication.

FIG. 3A illustrates an exemplary graphical selection of common factorsfor the enhanced CSS file compression, in accordance with an embodimentof the present application.

FIG. 3B presents a flowchart illustrating an enhanced CSS filecompression process of a data compression system based on commonfactors, in accordance with an embodiment of the present application.

FIG. 4 is a schematic structural diagram of an exemplary datacompression system, in accordance with an embodiment of the presentapplication.

In the figures, like reference numerals refer to the same figureelements.

DETAILED DESCRIPTION

Embodiments of the present invention solve the problem of efficientlycompressing a CSS file by merging repeated selectors, and repeatedproperties and values in the CSS file while ensuring compressionintegrity. In this way, the enhanced compression of the CSS file resultsin a smaller size, which is conveniently transmitted over a network.

With existing technologies, compressing the CSS file removes themargins, annotations, and repeated characters in the CSS file to reducethe size of the file. Furthermore, some compressors may also removeinvalid characters. However, such compression does not significantlyreduce redundancy within and across the selectors of the CSS file.Particularly, preprocessing the CSS file can generate a large quantityof redundant CSS code, which may not be directly compressed.Transmitting such a CSS file across a network becomes inefficient.

To solve this problem, embodiments of the present invention provides asystem for facilitating enhanced compression of a CSS file. The systemcompresses the CSS file by merging the repeated selectors (e.g.,multiple declaration of the same selector) and removing the repeatedproperties in the same selector. The system then removes the overwrittenstyle statement in the same selector (e.g., overwritten value of aproperty) and aggregates the selectors that includes the sameproperties. The system further extracts and merges the common factors.It should be noted that these five steps can be sequential since arespective step should be performed based on the previous one.

FIG. 1A illustrates an exemplary compressed CSS file transmission acrossa network, in accordance with an embodiment of the present application.In this example, a data compression system 102 for CSS file compressionis deployed in server 112 for enhanced compression of CSS file 122 atserver 112. Server 112 can store the CSS file in a local storage device.Suppose that CSS file 122 is sent over a network 150 (e.g., a local areanetwork (LAN), a wide area network (WAN), the Internet), along with aweb page 130 to provide the presentation style for web page 130 in abrowser in a client device 114. The presentation style dictates how webpage 130 is presented to user 101 in the browser.

With existing technologies, a compression technique is applied on CSSfile 122 prior to transmission over network 150. Typically, compressingCSS file 122 includes removing the margins, annotations, repeated andinvalid characters in CSS file 122. However, such compression does notsignificantly reduce redundancy within and across the selectors of CSSfile 122. Transmitting CSS file 122 across network 150 thus becomesinefficient. To solve this problem, system 102 compresses CSS file 122to generate a compressed CSS file 124. In some embodiments, system 102prepares the CSS file for compression by organizing the properties ofall selectors in an alphabetic order. Server 112 also stores thecompressed CSS file 124 in a local storage device. Whenever clientdevice 114 requests for web page 130, server 112 transmits compressedCSS file 124 over network 150 to client device 114.

FIG. 1B illustrates an exemplary enhanced CSS file compression process,in accordance with an embodiment of the present application. System 102generates compressed CSS file 124 based on a number of steps. During theenhanced compression process, system 102 merges the repeated selectors(operation S152). For example, the selectors in.a{margin:0}.a{padding:0} are the same. Hence, they can be merged as.a{margin:0;padding:0}. System 102 also removes the repeated valueassignments for the same property in the same selector (operation S154).Since the value of the property “margin” is repeated in.a{margin:0;margin:1px}, system 102 can compress it as .a{margin:1px}.System 102 then removes the overwritten value assignment for the sameproperty within the same selector (operation S156) (e.g., overwrittenvalue of a property). For example, since “background” also includes“background-color,” .a{background-colon#FFF; background:#000url(xxx.jpg)} can be compressed as .a{background:#000 url(xxx.jpg)}.

System 102 aggregates the selectors that include the same valueassignment for the same properties (operation S158). Properties “margin”and “color” have the same values in.a{margin:0;color:#000}.b{margin:0;color:#000}. Hence, selectors .a and.b can be merged as .a,.b{margin;0;color:#000}. System 102 furtherextracts and merges the common factors in CSS file 122 (operation S160).For example, system 102 can extract common factor margin from.a{margin:0;padding:0} .b{margin:0;padding:1} and merge them as.a,.b{margin:0}.a{padding:0}.b{padding:1}. In this way, system 102generates compressed CSS file 124.

FIG. 2A presents a flowchart illustrating an enhanced CSS filecompression process of a data compression system, in accordance with anembodiment of the present application. During operation, the systemidentifies a candidate merge parameter of the CSS file (operation S201).The CSS file can be any original CSS file that has not been compressed.The CSS file can also be a compressed CSS file, which has beencompressed using the conventional compression methods (e.g., themargins, annotation characters, invalid and repeated characters may havebeen removed). In operation S201, the system determines the parameterthat can be merged in the CSS file. The parameter is the element thathas been repeatedly present in the CSS file.

The parameter can be a repeated selector, a repeated property in aselector, or the same value of a property in different selectors. Forexample, .a{margin:0}.b{padding:0}.a{padding:0} includes the repeatedselector .a. Hence, selector .a can be identified as a candidate mergeparameter. On the other hand, .a{margin:0;margin:1px} includes arepeated property “margin” in selector .a. Furthermore,.a{margin:0;padding:0}.b{margin:0;padding:1} includes the same value 0for property “margin” in selectors .a and .b. Similarly,.a{margin:0;padding:0;colon#FFF;padding:1}.b{margin:0;padding:1}.a{margin:0;padding:1;color:#FFF} includes the sameselector .a, which includes the same property “padding,” and selectors.a and .b include the same values 0 and 1 for properties “margin” and“padding,” respectively.

The system then checks whether a merge condition has been satisfied(operation S202). The merge condition is used to determine whether themerging of the merge parameter is consistent with the original style(i.e., the original values of the properties) in the original CSS file.If it is consistent, the merge condition is satisfied. If the mergecondition is satisfied, the system merges the identified merge parameterin the CSS file (operation 5203) and checks whether all parameters havebeen examined (operation S204). If the merge condition is not satisfied,the system checks whether all parameters have been examined as well(operation S204). If all parameters have not been examined, the systemcontinues to identify a candidate merge parameter of the CSS file(operation S201). In some embodiments, the system can also check whetherthe length of the merged selector(s) are longer or not. If so, thesystem can discard the merger. For example, if the selectors are mergedin

.aaaaaaaaa{margin:0;padding:0}.bbbbbbbbbb{margin:0;padding:1}, theobtained selector has a longer name:.aaaaaaaaa,.bbbbbbbbbb{margin:0}.aaaaaaaaa{padding:0}.bbbbbbbbbb{padding:1}.Since the length is longer, the system discards the merger.

If all parameters have been examined, the system obtains the compressedCSS file based on the merged parameters (operation S205). The systemthen checks whether the compressed CSS file has a reduced file lengththan the original CSS file (operation S206). If the compressed CSS filehas a reduced file length, the system uses the compressed CSS file(operation S207). Otherwise, the system discards the compressed CSS fileand uses the original CSS file (operation S208). It should be notedthat, if the system checks the length after a respective mergingoperation, the compressed CSS file may not have a larger file size.

FIG. 2B presents a flowchart illustrating a validation process of a datacompression system for the enhanced CSS file compression, in accordancewith an embodiment of the present application. The validation processdetermines whether the merge condition for a candidate merge parameteris satisfied. The system determines whether two selectors A and B areadjacent to each other (operation S221). For example, in.a{margin:0}.a{padding:0}, the two selectors are adjacent to each other.On the other hand, in .a{margin:0}.b{padding:1px}.a{padding:0},selectors .a are not adjacent to each other.

If A and B are not adjacent (operation S222), the system determineswhether an intermediate selector C includes the same property asselectors A and B (operation S223). If a property included inintermediate selector C is different from the properties of selectors Aand B, the merging of selectors A and B may not affect the property ofselector C, and the merge condition is satisfied. If selector C includesa property which is included in selector A but is not included inselector B, merging selector B with selector A may not affectintermediate selector C. Similarly, if selector C includes a propertywhich is included in selector B but is not included in selector A,merging selector A with selector B may not affect intermediate selectorC. Under these two circumstances, the merge condition is satisfied.

If the selectors have the same property (operation S224), the systemchecks whether the property in selectors A, B, and C have the same value(operation S225). If the property does not have the same value(operation S226), the system checks whether the property has a differentpriority in selector C than selectors A and B (operation S227). If theproperty does not have a different priority (operation S228), the systemdetermines that the merge condition has not been satisfied (operationS230). If selectors A and B are adjacent (operation S222), selector Cdoes not have the same property as selectors A and B (operation S224),the property in selectors A, B, and C has the same value (operationS226), or the property in selector C has a different priority (operationS228), the system determines that the merge condition has been satisfied(operation S230).

For example, in .a{margin:0;padding:1}.b{padding:1px}.a{padding:0}, arespective selector includes the property “padding,” but the values aredifferent. Hence, the system determines that the merge condition has notbeen satisfied. On the other hand, in.a{margin:0;padding:1}.b{padding:1px !important}.a{padding:0},.a{margin:0;padding:1}.b{padding:1px}.a {padding:0 !important}, or.a{margin:0;padding:1 !important}.b{padding:1px}.a{padding:0}, theproperty “padding” in the intermediate selector has a differentpriority. Hence, the system determines that the merge condition has beensatisfied.

In CSS file 122, if the values of the same property have the samepriority, the latter value overwrites the former value to obtain thecompressed CSS file. If the values of the property have differentpriorities, the value with a higher priority overwrites the value with alower priority to obtain the compressed CSS file. FIG. 2C presents aflowchart illustrating an overwrite validation process of a datacompression system for the enhanced CSS file compression, in accordancewith an embodiment of the present application. During operation, thesystem identifies a property with different values within the sameselector (operation S241).

The system then checks whether the latter value overwrites the former(operation S242). If so, the system checks whether the latter value hasa higher priority (operation S243). Otherwise, the system checks whetherthe former value has a higher priority (operation S244). If the lattervalue overwrites the former value and has a higher priority, the systemdetermines that the merge condition has been satisfied (operation S246).Similarly, if the former value overwrites the latter and has a higherpriority, the system determines that the merge condition has beensatisfied (operation S246). Otherwise, the system determines that themerge condition has not been satisfied (operation S245).

It should be noted that, when there is no relation of overwriting amongthe properties in the same selector, the merge condition is satisfied.Otherwise, if the values of the property have the same priority, thelatter value may directly overwrite the former value. For example,.a{margin:0;margin:1px} may be directly merged as .a{margin:1px}. Here,.a{margin:1px} can be considered as a compressed merge parameter. If thevalues of the same property have different priorities, the value with ahigher priority overwrites the value with a lower priority. For example,.a{margin:0 !important;margin:1px} is merged as .a {margin:0!important}, or .a{margin:0;margin:1px !important} is merged as.a{margin:1px !important}.

If the latter value overwrites the former value, and the latter valuehas the same or a higher priority over the former value, the mergecondition is satisfied. In this case, the latter value overwrites theformer one for merging. For example,.a{background-color:#FFF;background:#000 url(xxx.jpg)} is merged as.a{background:#000 url(xxx.jpg)}. On the other hand, if the former valueoverwrites the latter value, and the former value has a higher priorityover the latter value, the merge condition is satisfied. In this case,the former value with the higher priority overwrites the latter value.For example, .a{background:#000 url(xxx.jpg) !important;background-color:#FFF} is merged as .a{background:#000 url(xxx.jpg)!important}.

In some scenarios, the merging decision can be complex. For example, in.a{margin:0;padding:0;colon#FFF}.b{margin:0;padding:1;colon#FFF}.c{margin:0;padding:1;color:#000}, each ofthe three selectors have the same properties with both same anddifferent values. If all possibilities are traversed and all results arecalculated to compare the respective lengths, the shortest mergedselectors can be selected. However, if there are n selectors and mproperties, there are n!m! possibilities. Such extensive computation maynot be feasible in practice. To solve this problem, embodiments of thepresent invention provides a graphic selection algorithm for theselection of common factors.

FIG. 3A illustrates an exemplary graphical selection of common factorsfor the enhanced CSS file compression, in accordance with an embodimentof the present application. Suppose that there are n selectors 302, 304,and 306 (e.g., selectors .a, .b, and .c, respectively) and m properties312, 314, and 316 (e.g., properties “margin,” “padding,” “color,”respectively). The graphical selection algorithm generates atwo-dimensional table 300 with n row and m columns. During operation,the system first selects the property that maximizes merging. In otherwords, the system selects a property that maximizes the common area(e.g., the number of grids with the same value for a property) in table300.

In table 300, the values of property 312 are the same for a respectiveselector. Hence, the number of grids that can be merged for property 312is 3. The system thus determines the common area for property 312 to be3. In the same way, the system determines the common area for properties314 and 316 to be 2 and 2, respectively. During the graphical selectionprocess using table 300, the system first selects the column for whichthe common area is 3 and extracts the corresponding common factor (i.e.,the corresponding property). The system merges the common factor for arespective selector. In the example in FIG. 3A, extracting and mergingcommon factor “margin” yields .a,.b,.c{margin:0}.

The system then selects and merges the column for which the common areais 2. Since two columns have the same common area, either one can beselected (e.g., random selection) for merging. Once a set of grids intable 300 are merged, those grids are excluded in further calculation.It should be noted that the merger of the grids require validation, asdescribed in conjunction with FIG. 2B. After the merger, if the lengthfor the common factor has not reduced, the extraction is not performedfor the common factor. In the example in FIG. 3A, extracting and mergingthe common factors using the graphical selection algorithm yieldsa,.b,.c{margin:0}.a,.b{color:#FFF}.a{padding:0}.b,.c{padding:1}.c{color:#000}.Here, the length is reduced by 21 characters.

FIG. 3B presents a flowchart illustrating an enhanced CSS filecompression process of a data compression system based on commonfactors, in accordance with an embodiment of the present application.During operation, the system calculates the common area for eachproperty in the CSS file from a graphical representation (e.g., atable), as described in conjunction with FIG. 3A (operation S351). Thesystem identifies the property, which has not been merged, with themaximum common area (operation S352). The system then checks whether amerge condition has been satisfied (operation S353). The merge conditionis used to determine whether the merging of the merge parameters isconsistent with the original style. If they are consistent, the mergecondition is satisfied. In some embodiments, the merge condition canalso include reduction of length upon merging.

If the merge condition is satisfied, the system merges the identifiedproperty in the CSS file (operation 5354) and checks whether allproperties of the graphical representation have been examined (operationS355). If the merge condition is not satisfied, the system checkswhether all properties have been examined (operation S355). If allproperties have not been examined, the system continues to the nextproperty with the maximum common area (operation S352). If allproperties have been examined, the system obtains the compressed CSSfile based on the merged properties (operation S356). The system thenchecks whether the compressed CSS file has a reduced file length thanthe original CSS file (operation S357). If the compressed CSS file has areduced file length, the system uses the compressed CSS file (operationS358). Otherwise, the system discards the compressed CSS file and usesthe original CSS file (operation S359).

FIG. 4 is a schematic structural diagram of an exemplary datacompression system, in accordance with an embodiment of the presentapplication. A data compression system 400 can be used for compressing aCSS file. System 400 includes a processor 410, a memory 420, and astorage device 430. Storage device 430 typically stores instructionsthat can be loaded into memory 420 and executed by processor 410 toperform the methods described above. In one embodiment, the instructionsin storage 430 can implement a parameter identification module 432, anassessment module 434, a merging module 436, and a graphic selectionmodule 438, all of which can communication with each other throughvarious means.

In some embodiments, modules 432, 434, 436, and 438 can be partially orentirely implemented in hardware and can be part of processor 410.Further, in some embodiments, the system may not include a separateprocessor and memory. Instead, in addition to performing their specifictasks, modules 432, 434, 436, and 438, either separately or in concert,may be part of special-purpose computation engines.

Storage 430 stores programs to be executed by processor 410.Specifically, storage 430 stores a program that implements a system(application) for enhanced compression of a CSS file. During operation,the application program can be loaded from storage 430 into memory 420and executed by processor 410. As a result, system 400 can perform thefunctions described above. System 400 can be further coupled to anoptional display 480, a keyboard 460, and a pointing device 470, and canbe coupled via one or more network interfaces to a network 482.

During operation, property identification module 432 determines a mergeparameter of a CSS file, as described in conjunction with FIG. 2A. Themerge parameter can include a selector, a property, and values assignedto different properties. Assessment module 434 determines whether thedetermined merge parameter satisfies a merge condition. Merging module436 merges the merge parameters in the CSS file to obtain a compressedCSS file. In some embodiments, graphic selection module 438 representsthe properties in the CSS file in a graphical representation (e.g., in atable), and extracts and merges the common factors of the CSS file basedon the graphical representation, as described in conjunction with FIG.3B.

The data structures and computer instructions described in this detaileddescription are typically stored on a computer-readable storage medium,which may be any device or medium that can store code and/or data foruse by a computer system. The computer-readable storage medium includes,but is not limited to, volatile memory, non-volatile memory, magneticand optical storage devices such as disk drives, magnetic tape, CDs(compact discs), DVDs (digital versatile discs or digital video discs),or other media capable of storing computer-readable media now known orlater developed.

The methods and processes described in the detailed description sectioncan be embodied as code and/or data, which can be stored in acomputer-readable storage medium as described above. When a computersystem reads and executes the code and/or data stored on thecomputer-readable storage medium, the computer system performs themethods and processes embodied as data structures and code and storedwithin the computer-readable storage medium.

Furthermore, methods and processes described herein can be included inhardware modules or apparatus. These modules or apparatus may include,but are not limited to, an application-specific integrated circuit(ASIC) chip, a field-programmable gate array (FPGA), a dedicated orshared processor that executes a particular software module or a pieceof code at a particular time, and/or other programmable-logic devicesnow known or later developed. When the hardware modules or apparatus areactivated, they perform the methods and processes included within them.

The above description is presented to enable any person skilled in theart to make and use the embodiments, and is provided in the context of aparticular application and its requirements. Various modifications tothe disclosed embodiments will be readily apparent to those skilled inthe art, and the general principles defined herein may be applied toother embodiments and applications without departing from the spirit andscope of the present disclosure. Thus, the present invention is notlimited to the embodiments shown, but is to be accorded the widest scopeconsistent with the principles and features disclosed herein.

What is claimed is:
 1. A computer-implemented method for facilitatingcompression of a Cascading Style Sheet (CSS) file, the methodcomprising: identifying a merge parameter in the CSS file, wherein themerge parameter is one of: a repeated selector, a repeated property in aselector, and a same value of a property in different selectors;determining whether a merge condition is satisfied for the mergeparameter, wherein the merge condition indicates whether merging of themerge parameter is consistent with original style in the CSS file; andmerging the merge parameter in the CSS file to obtain a compressed mergeparameter.
 2. The method of claim 1, further comprising determiningwhether the compressed merge parameter is valid based on a length of thecompressed merge parameter.
 3. The method of claim 1, whereindetermining whether a merge condition is satisfied comprises:determining whether a first selector and a second selector are adjacent;and in response to the first and second selectors not being adjacent,determining whether a third selector between the first and secondselectors includes a property included in the first and secondselectors.
 4. The method of claim 3, wherein determining whether a mergecondition is satisfied further comprises determining whether theproperty has one or more of: a same value in the first, second, andthird selectors; different priorities in the first, second, and thirdselectors.
 5. The method of claim 1, further comprising determining themerge condition to be satisfied in response to determining that: alatter value of a property of the merge parameter overwrites a formervalue of the property and the latter value has a equal or higherpriority; or a former value of the property overwrites a latter value ofthe property and the former value has a higher priority.
 6. The methodof claim 1, wherein merging the merge parameter comprises removing asecond value of a property for a selector, wherein the second valueappears before a first value, has a lower priority than the first value,or has a overwriting relationship with the first value.
 7. The method ofclaim 1, further comprising: representing selectors of the CSS file andcorresponding properties in a table; and determining a common area inthe table for a respective property.
 8. The method of claim 7, furthercomprising: identifying a current maximum common area in the table for aproperty; extracting the property as a common factor; merging the commonfactor across a respective selector comprising the property.
 9. Themethod of claim 1, further comprising generating a compressed CSS filebased on a plurality of compressed merge parameters.
 10. The method ofclaim 1, further comprising preparing the CSS file for compression byorganizing properties of all selectors in the CSS file in an alphabeticorder.
 11. A non-transitory storage medium storing instructions, whichwhen executed by a processor cause the processor to perform a method forfacilitating dynamic load-based merging, the method comprising:identifying a merge parameter in the CSS file, wherein the mergeparameter is one of: a repeated selector, a repeated property in aselector, and a same value of a property in different selectors;determining whether a merge condition is satisfied for the mergeparameter, wherein the merge condition indicates whether merging of themerge parameter is consistent with original style in the CSS file; andmerging the merge parameter in the CSS file to obtain a compressed mergeparameter.
 12. The non-transitory storage medium of claim 11, whereinthe method further comprises determining whether the compressed mergeparameter is valid based on a length of the compressed merge parameter.13. The non-transitory storage medium of claim 11, wherein determiningwhether a merge condition is satisfied comprises: determining whether afirst selector and a second selector are adjacent; and in response tothe first and second selectors not being adjacent, determining whether athird selector between the first and second selectors includes aproperty included in the first and second selectors.
 14. Thenon-transitory storage medium of claim 13, wherein determining whether amerge condition is satisfied further comprises determining whether theproperty has one or more of: a same value in the first, second, andthird selectors; different priorities in the first, second, and thirdselectors.
 15. The non-transitory storage medium of claim 11, whereinthe method further comprises determining the merge condition to besatisfied in response to determining that: a latter value of a propertyof the merge parameter overwrites a former value of the property and thelatter value has a equal or higher priority; or a former value of theproperty overwrites a latter value of the property and the former valuehas a higher priority.
 16. The non-transitory storage medium of claim11, wherein merging the merge parameter comprises removing a secondvalue of a property for a selector, wherein the second value appearsbefore a first value, has a lower priority than the first value, or hasa overwriting relationship with the first value.
 17. The non-transitorystorage medium of claim 11, wherein the method further comprises:representing selectors of the CSS file and corresponding properties in atable; and determining a common area in the table for a respectiveproperty.
 18. The non-transitory storage medium of claim 17, wherein themethod further comprises: identifying a current maximum common area inthe table for a property; extracting the property as a common factor;merging the common factor across a respective selector comprising theproperty.
 19. The non-transitory storage medium of claim 11, wherein themethod further comprises generating a compressed CSS file based on aplurality of compressed merge parameters.
 20. The non-transitory storagemedium of claim 11, wherein the method further comprises preparing theCSS file for compression by organizing properties of all selectors inthe CSS file in an alphabetic order.
 21. A computing system forfacilitating dynamic load-based merging, the computing systemcomprising: a processor; a memory coupled to the processor and storinginstructions, which when executed by the processor cause the processorto perform a method, the method comprising: identifying a mergeparameter in the CSS file, wherein the merge parameter is one of: arepeated selector, a repeated property in a selector, or a same value ofa property in different selectors; determining whether a merge conditionis satisfied for the merge parameter, wherein the merge conditionindicates whether merging of the merge parameter is consistent withoriginal style in the CSS file; and merging the merge parameter in theCSS file to obtain a compressed merge parameter.